<template>
   <input type="text" :value="value" @input="changeValue" />
</template>

<script setup>
import { defineProps, defineEmits } from 'vue'

//接收 v-model 绑定的属性
defineProps(['value'])

// 接收 v-model 绑定的自定义事件, 事件的名字 有一个固定开头 'update:' 后续拼接上绑定的属性名 当前案例中 拼接上 value 就行了
const emit = defineEmits(['update:value'])

function changeValue (e) {
    emit('updata:value', e.target.value)
}
</script>

